<template>
  <div class="gl_contentBox gl_heightFull">
    <el-tabs v-model="activeTab" class="gl_tabs" type="card">
      <el-tab-pane v-for="(item,index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component" v-if="activeTab === item.name" :active-tab="activeTab" /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import game from './gameRecommend';
import train from './trainRecommend';
export default {

  data() {
    return {
      activeTab: 'game',
      tabList: [
        {
          label: '赛事',
          name: 'game',
          productStatus: 'game',
          component: game
        },
        {
          label: '培训',
          name: 'train',
          productStatus: 'train',
          component: train
        }
      ]
    };
  }

};
</script>

<style lang="scss" scoped>
.bu_position{
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 10;
}
</style>
